import QQMapWX from '../../../utils/qqmap'
Page({
  data: {
    address: '',
    points: [], // 小区数组
  },
  onLoad() {
    this.getLocation()
  },
  // 1. 获取当前位置对应的经纬度
  async getLocation() {
    const { latitude, longitude } = await wx.getLocation()
    // console.log(latitude, longitude)
    this.getPoint(latitude, longitude)
  },
  // 2. 根据选择的位置获取对应的经纬度
  async chooseLocation() {
    const { latitude, longitude } = await wx.chooseLocation()
    // console.log(latitude, longitude)
    this.getPoint(latitude, longitude)
  },
  // 3. 根据经纬度获取位置
  getPoint(latitude, longitude) {
    // 3.0 loading提示
    wx.showLoading({
      title: '正在加载中...',
    })
    // 3.1 根据经纬度获取当前的位置
    QQMapWX.reverseGeocoder({
      //获取表单传入的位置坐标,不填默认当前位置,示例为string格式
      location: [latitude, longitude].join(',') || '',
      success: (res) => {
        console.log(res.result.address)
        this.setData({
          address: res.result.address,
        })
      },
      fail: (error) => {
        wx.utils.toast('获取不到当前的位置信息')
      },
      complete: () => {},
    })
    // 3.2 根据经纬度去获取周边的小区信息
    QQMapWX.search({
      keyword: '住宅小区', //搜索关键词
      location: [latitude, longitude].join(',') || '', //设置周边搜索中心点
      page_size: 5,
      success: (res) => {
        const tempArr = []
        res.data.forEach(({ id, title, _distance }) => {
          tempArr.push({ id, title, _distance })
        })
        // 更新数据数组刷新页面
        this.setData({
          points: tempArr,
        })
      },
      fail: (error) => {
        wx.utils.toast('当前位置周边没有小区')
      },
      complete: () => {
        wx.hideLoading()
      },
    })
  },
  // 4. 跳转到选择楼栋页面
  goBuilding(e) {
    // console.log(e)
    wx.navigateTo({
      url: `/house_pkg/pages/building/index?point=${e.mark.point}`,
    })
  },
})
